@charset "UTF-8";
body { background-color: #EFF0F4; }

[data-toggle="fold"] { height: 51px; line-height: 51px; border-bottom: 1px solid #eaf0f2; }

[data-toggle="fold"]:hover { background-color: #fff; border: 0; }

.btn-active { background-color: #23a8f5; color: #fff; border-radius: 4px; cursor: pointer; }

.btn-active:hover { outline: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #353F4F; text-decoration: none; }

.btn-tinge { display: inline-block; height: 100%; color: #95a0a3; }

.btn-tinge:hover { color: #23a8f5; }

i { font-style: normal; }

.left-aside { width: 240px; height: 100%; background-color: #fff; border-right: 1px solid #e2eaed; position: fixed; top: 0; padding-top: 61px; z-index: 99; box-sizing: border-box; }

.left-aside .aside-wrapper { height: 100%; }

.left-aside .left-bar { min-height: 100%; margin-bottom: 1px; }

.left-bar { padding-left: 0; padding-right: 0; height: inherit; }

.left-bar .icon-geren, .left-bar .icon-rongyu { margin-right: 7px; position: relative; top: 1px; }

.left-bar .icon-geren { color: #17C2C2; }

.left-bar .icon-rongyu { color: #9369f9; }

.left-bar .item { position: relative; padding-left: 20px; padding-right: 20px; height: 41px; line-height: 41px; margin: 0; border-bottom: 1px solid #eaf0f2; box-sizing: border-box; /* .btn-select{ position:relative; top:2px; //right:0; font-size:14px; color:#9e9da4; margin:0; &:hover{color:$mainColor;} span{ width:110px; border:1px solid #f2f2f2; position:absolute; right:100%; top:0; background-color:#2f2f2f; border-radius:2px; //display:none; z-index:999; box-shadow:0 0 8px #E1E1E1; i{ display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#fff; cursor:pointer; &:first-child{border-bottom:1px solid #373737;} } } }*/ }

.left-bar .item:first-child { height: 50px; line-height: 50px; }

.left-bar .item:first-child:hover { background-color: #fff; }

.left-bar .item:hover { background-color: #f5f8f9; }

.left-bar .item i.fileicon, .left-bar .item i.fileicon-copy { color: #23a8f5; font-size: 30px; margin-right: 10px; margin-left: 0; }

.left-bar .item i.fileicon-copy { font-size: 26px; position: relative; top: 3px; }

.left-bar .item .progress-name { margin-left: 0; }

.left-bar .item .progress-name:hover { color: #333; }

.left-bar .item span { position: absolute; right: 20px; top: 0; display: none; }

.left-bar .item span:hover { color: #23a8f5; }

.left-bar .item span i { margin-left: 10px; font-size: 14px; }

.left-bar .item span i:hover { color: #23a8f5; }

.left-bar .item:hover > span { display: inline-block; }

.left-bar a { cursor: pointer; }

.new-progress { width: 110px; height: 31px; line-height: 31px; margin-top: 20px; margin-bottom: 20px; color: #23a8f5; }

.new-progress + div { border-top: 1px solid #eaf0f2; }

.new-progress:hover { color: #333; }

.new-progress i { position: relative; top: 1px; margin-left: 8px; }

.left-bar .active { background-color: #f5f8f9; border-color: #e2eaed; }

.left-bar .allItem { width: 100%; height: 50px; line-height: 50px; padding-left: 20px; padding-right: 20px; border: 1px solid #eaf0f2; margin: 0; box-sizing: border-box; overflow: hidden; cursor: pointer; }

/*---------------------------------------------- right-header -----------------------------------------------*/
.date { min-width: 280px; float: left; position: relative; margin-left: 60px; }

.date i { position: absolute; right: 30px; top: 30px; font-size: 28px; color: #23a8f5; }

.right-header { height: 80px; background-color: #fff; overflow: hidden; }

.right-header .invitation { width: 130px; height: 44px; line-height: 44px; margin-top: 18px; }

.right-header .invitation i { position: relative; top: 1px; }

.right-header .title { font-size: 1.2em; float: left; padding-left: 40px; }

.right-header .title span { display: block; width: 70px; height: 80px; line-height: 80px; border-bottom: 3px solid #23a8f5; box-sizing: border-box; }

.right-header .searchUser { float: left; width: 440px; margin-left: 60px; height: 44px; line-height: 44px; margin-top: 18px; border: 1px solid #23a8f5; color: #23a8f5; border-radius: 3px; padding: 0 15px; overflow: hidden; }

.right-header .searchUser input { border: none; height: 42px; outline: none; display: block; float: left; width: 90.90909%; }

.right-header .searchUser i { display: block; float: right; cursor: pointer; }

/****************************************************** modal start */
.modal.fade .modal-dialog { width: 100%; height: 100%; margin-top: 0; }

@media (min-width: 768px) { .modal-dialog { margin: 0; } }

.modal-content { width: 721px; margin: 0 auto; border-radius: 4px; overflow: hidden; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }

.modal-header { height: 60px; padding-top: 18px; box-sizing: border-box; background-color: #f1f1f1; }

.modal-body { padding-top: 30px; padding-bottom: 20px; }

.modal-body .bd-box { width: 500px; margin-left: auto; margin-right: auto; box-sizing: border-box; }

.modal-body .text-tip { font-size: 16px; color: #333; height: 100px; line-height: 90px; }

.tit { width: 70px; color: #333; }

.tit span { padding-left: 5px; padding-right: 5px; color: #23a8f5; font-size: 21px; position: relative; top: 6px; }

.select-box { width: 430px; border: 1px solid #23a8f5; border-radius: 4px; position: relative; top: -12px; }

.select-box a { display: block; width: 100%; height: 48px; line-height: 48px; color: #666; padding-left: 30px; padding-right: 30px; box-sizing: border-box; }

.select-box a i { font-size: 21px; color: #23a8f5; }

.select-box .options .options-item:hover { color: #333; background-color: #f4f8fb; cursor: pointer; }

.select-box .options i { display: none; }

.select-box .selected { color: #333; background-color: #f4f8fb; }

.select-box .selected i { display: inline-block; }

.modal-footer { border-top: 0; padding-top: 0; padding-bottom: 40px; text-align: center; }

.modal-footer p { margin: 0; }

.modal-footer .cancel { width: 140px; height: 50px; line-height: 50px; padding: 0; border: 0; background-color: #f1f1f1; border-radius: 2px; }

.modal-footer .btn + .btn { margin-left: 20px; }

.modal-footer .confirm { width: 200px; height: 50px; line-height: 50px; padding: 0; border: 0; border-radius: 2px; background-color: #23a8f5; }

/*---------------------------------------------------- user-manage right-header ----------------------------------------------------*/
.right-box { margin-left: 240px; }

.user-manage .right-header { height: auto; }

.user-manage .right-header .date { margin-right: 20px; width: 360px; }

.user-manage .right-header .date, .user-manage .right-header .invitation { margin-bottom: 18px; margin-left: 40px; }

#condition { height: 44px; border: 1px solid #ddd; border-radius: 4px; outline: 0; padding-left: 20px; padding-right: 20px; margin-top: 18px; }

#condition:focus { border-color: #23a8f5; }

#condition + i { right: 20px; font-size: 21px; cursor: pointer; }

/**************************************************** 右侧详情 */
@media screen and (min-width: 1200px) { .invitation { margin-right: 75px; } }

#date-picker { width: 100%; height: 44px; border: 0; outline: 0; margin-top: 18px; background-color: #f1f1f1; border-radius: 6px; padding-left: 30px; border: 1px solid #f1f1f1; box-sizing: border-box; }

#date-picker:focus { border-radius: 6px; border-color: #23a8f5; box-shadow: 0 0 3px #23a8f5; outline: 0; }

.right-body { background-color: #fff; margin-top: 15px; padding: 20px; }

.right-body table { font-family: "微软雅黑"; }

.right-body table thead { background-color: #f1f1f1; color: #95a0a3; }

.right-body table thead th { white-space: nowrap; height: 60px; line-height: 60px; text-align: center; border-bottom-width: 1px; vertical-align: middle; font-weight: 100; font-size: 1.2em; padding-top: 0; padding-bottom: 0; }

.right-body table tr { border: 1px solid #e9ebef; }

.right-body table tr td { white-space: nowrap; height: 50px; line-height: 50px; text-align: center; padding-top: 0; padding-bottom: 0; }

.right-body table tr td .edit { margin-right: 20px; white-space: nowrap; }

.right-body table tr td .edit, .right-body table tr td .del { cursor: pointer; }

.right-body table tbody tr:hover { background-color: #f7f7f7; }

/*********************************************************** daterangepicker.css */
.daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; width: 278px; padding: 4px; margin-top: 1px; top: 100px; left: 20px; /* Calendars */ }

.daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }

.daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; }

.daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; }

.daterangepicker.opensleft:before { right: 9px; }

.daterangepicker.opensleft:after { right: 10px; }

.daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }

.daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }

.daterangepicker.opensright:before { left: 9px; }

.daterangepicker.opensright:after { left: 10px; }

.daterangepicker.dropup { margin-top: -5px; }

.daterangepicker.dropup:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; }

.daterangepicker.dropup:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; }

.daterangepicker.dropdown-menu { max-width: 506px; z-index: 3001; }

.daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; }

.daterangepicker.show-calendar .calendar { display: block; }

.daterangepicker .calendar { display: none; max-width: 270px; margin: 4px; }

.daterangepicker .calendar.single .calendar-table { border: none; }

.daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; min-width: 32px; }

.daterangepicker .calendar-table { border: 1px solid #fff; padding: 4px; border-radius: 4px; background-color: #fff; }

.daterangepicker table { width: 100%; margin: 0; }

.daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; }

.daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; }

.daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; }

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; }

.daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; }

.daterangepicker td.start-date { border-radius: 4px 0 0 4px; }

.daterangepicker td.end-date { border-radius: 0 4px 4px 0; }

.daterangepicker td.start-date.end-date { border-radius: 4px; }

.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; }

.daterangepicker th.month { width: auto; }

.daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; }

.daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; }

.daterangepicker select.monthselect { margin-right: 2%; width: 56%; }

.daterangepicker select.yearselect { width: 40%; }

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; }

.daterangepicker .input-mini { border: 1px solid #ccc; border-radius: 4px; color: #555; height: 30px; line-height: 30px; display: block; vertical-align: middle; margin: 0 0 5px 0; padding: 0 6px 0 28px; width: 100%; }

.daterangepicker .input-mini.active { border: 1px solid #08c; border-radius: 4px; }

.daterangepicker .daterangepicker_input { position: relative; }

.daterangepicker .daterangepicker_input i { position: absolute; left: 8px; top: 8px; }

.daterangepicker.rtl .input-mini { padding-right: 28px; padding-left: 6px; }

.daterangepicker.rtl .daterangepicker_input i { left: auto; right: 8px; }

.daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px; }

.daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; }

.ranges { font-size: 11px; float: none; margin: 4px; text-align: center; }

.ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; }

.ranges li { font-size: 13px; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 4px; color: #08c; padding: 3px 12px; margin-bottom: 8px; cursor: pointer; }

.ranges li:hover { background-color: #08c; border: 1px solid #08c; color: #fff; }

.ranges li.active { background-color: #08c; border: 1px solid #08c; color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) { .daterangepicker { width: auto; }
  .daterangepicker .ranges ul { width: 160px; }
  .daterangepicker.single .ranges ul { width: 100%; }
  .daterangepicker.single .calendar.left { clear: none; }
  .daterangepicker.single.ltr .calendar { float: left; }
  .daterangepicker.single.rtl .calendar { float: right; }
  .daterangepicker.single.ltr .calendar { float: left; }
  .daterangepicker.single.rtl .calendar { float: right; }
  .daterangepicker.ltr { direction: ltr; text-align: left; }
  .daterangepicker.ltr .calendar.left { clear: left; margin-right: 0; }
  .daterangepicker.ltr .calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .daterangepicker.ltr .calendar.right { margin-left: 0; }
  .daterangepicker.ltr .calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
  .daterangepicker.ltr .left .daterangepicker_input { padding-right: 12px; }
  .daterangepicker.ltr .calendar.left .calendar-table { padding-right: 12px; }
  .daterangepicker.ltr .calendar { float: left; }
  .daterangepicker.rtl { direction: rtl; text-align: right; }
  .daterangepicker.rtl .calendar.left { clear: right; margin-left: 0; }
  .daterangepicker.rtl .calendar.left .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
  .daterangepicker.rtl .calendar.right { margin-right: 0; }
  .daterangepicker.rtl .calendar.right .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .daterangepicker.rtl .left .daterangepicker_input { padding-left: 12px; }
  .daterangepicker.rtl .calendar.left .calendar-table { padding-left: 12px; }
  .daterangepicker.rtl .calendar { text-align: right; float: right; } }

@media (min-width: 730px) { .daterangepicker .ranges { width: auto; }
  .daterangepicker .calendar.left { clear: none !important; } }
